<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/common.js"></script>
    <!--    <style>-->
    <!--        h1-->
    <!--        {-->
    <!--            background-color:#6495ed;-->
    <!--        }-->
    <!--        p-->
    <!--        {-->
    <!--            background-color:#e0ffff;-->
    <!--        }-->
    <!--        div-->
    <!--        {-->
    <!--            background-color: #4243de;-->
    <!--        }-->
    <!--    </style>-->
</head>
<!--html里面只存在3个元素 标签 div  a  img-->
<body>
<!--头部  -->
<!--设置背景图片-->
<!--css  选择器  元素选择器-->
<!--设置样式的形式   1.直接在div设置样式，2  将样式提取到 </style>里面-->
<!--padding 内边距  margin  外边距  border  边框-->
<!--面向对象 -->
<div>
    <div id="top">
    </div>
    <div class="middle">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="content">
                    <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                    <div>
                        <div>
                            <div>日本较大抹茶督饮七叶和茶登陆上海
                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海日本较大的抹茶餐饮连锁正式登陆上海日本较大的抹茶餐饮连锁正式登陆上海日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                        <div>
                            <div>日本较大抹茶督饮七叶和茶登陆上海日本较大抹茶督饮七叶和茶登陆上海日本较大抹茶督饮七叶和茶登陆上海日本较大抹茶督饮七叶和茶登陆上海
                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                        <div>
                            <div>日本较大抹茶督饮七叶和茶登陆上海
                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div>
                    <div>
                        <div><img src="../img/12_38ve.jpg" height="300" width="300"/></div>
                        <div>
                            <div>炒房</div>
                            <div>肉，油，米饭肉，油，米饭肉，油，米饭肉，油，米饭肉，油，米饭肉，油，米饭肉，油，米饭</div>
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg" height="300" width="300"/></div>
                        <div>
                            <div title="炒房炒房炒房炒房炒房炒房炒房炒房炒房炒房炒房">炒房炒房炒房炒房炒房炒房炒房炒房炒房炒房炒房</div>
                            <div>肉，油，米饭</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="foot">
    </div>
</div>

</body>
</html>